<!DOCTYPE html>
<!-- saved from url=(0034)http://sinooceanlas.com/list/cid/9 -->
<html lang="en" style="font-size: 40px;">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



  <title>客户反馈</title>
  <meta name="keywords" content="河北省企业投资理财协会">
  <meta name="description" content="河北省企业投资理财协会">

  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

  <meta name="format-detection" content="telephone=no">

  <meta name="apple-mobile-web-app-capable" content="yes">

  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <meta name="referrer" content="never">

  <link rel="stylesheet" href="./comment/layui.css">

  <link rel="stylesheet" type="text/css" media="screen and (min-width:320px) and (max-width:760px)"
    href="./comment/phone.css">

  <link rel="stylesheet" type="text/css" media="screen and (min-width:760px) and (max-width:3600px)"
    href="./comment/pc.css">

  <link rel="stylesheet" type="text/css" href="./comment/reset.css">

  <link rel="stylesheet" type="text/css" href="./comment/animate.css">

  <link rel="stylesheet" type="text/css" href="./comment/swiper.min.css">

  <script type="text/javascript" src="./comment/rem.js"></script>


  <link rel="stylesheet" href="./comment/layer.css" id="layuicss-layer">
  <script src="./comment/js-sdk-pro.min.js"></script>
</head>

<body style="font-size: 12px;">
  <div id="app">

    <!-- 公共导航 go -->
    <my-header></my-header>
    <!-- 中部内容 go -->
    <div class="gg_ban">
      <img src="./comment/icon5.jpg">
      <!-- <div class="wow zoomIn" style="visibility: visible; animation-name: zoomIn;">
        <p>客户反馈</p>
        <span></span>
      </div> -->
    </div>

    <div class="com_one cont_one">
      <div class="wow bounceInDown com_one_t" style="visibility: visible; animation-name: bounceInDown;">
        <p>客户反馈</p>
        <p>Customer feedback</p>
        <span></span>
      </div>
      <div class="com_one_b">
        <div class="wow bounceInLeft com_one_b_l" style="visibility: visible; animation-name: bounceInLeft;">
          <form class="info_tj">
            <input type="hidden" name="type" value="客户反馈">
            <div class="com_one_b_l_li">
              <p><span>*</span>您的称呼</p>
              <div>
                <input v-model="form.name" type="text" name="name" placeholder="请输入您的称呼">
              </div>
            </div>
            <div class="com_one_b_l_li">
              <p><span>*</span>电话号码</p>
              <div>
                <input v-model="form.mobile" @blur="validatePhone" type="number" name="tel" placeholder="请输入电话号码">
              </div>
            </div>
            <div class="com_one_b_l_li">
              <p><span>*</span>邮箱</p>
              <div>
                <input v-model="form.email" type="text" name="name" placeholder="请输入您的邮箱">
              </div>
            </div>
            <div class="com_one_b_l_li com_one_b_l_li_text">
              <p><span>*</span>留言内容</p>
              <div>
                <textarea v-model="form.content" name="content" placeholder="请输入内容"></textarea>
              </div>
            </div>
            <div @click="submit" class="com_one_b_l_f tj_btn">提交</div>
          </form>
        </div>
      </div>
    </div>
    <!-- 中部内容 end -->
    <my-footer></my-footer>
  </div>

  <script src="./js/vue.js"></script>
  <script src="js/comment.js"></script>
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        phone: '212',
        form: {
          name: '',
          mobile: "",
          email: '',
          content: '',
        },
      },
      mounted () {
        document.getElementById('bussinessPage').classList.add('gg_nav_r_r_ac')
      },
      computed: {
				isPhoneValid() {
					return /^1[3-9]\d{9}$/.test(this.form.mobile)
				},
				isFormValid() {
					return this.isPhoneValid && this.code.length === 6
				}
			},
      methods: {
        validatePhone () {
          if (!this.form.mobile) {
            layer.msg('请输入手机号');
          } else if (!this.isPhoneValid) {
            layer.msg('手机号格式不正确');
          }
        },
        submit () {
          if (!this.form.mobile) {
            layer.msg('请输入手机号');
            return
          } else if (!this.isPhoneValid) {
            layer.msg('手机号格式不正确');
            return
          } else if (!this.form.content) {
            layer.msg('请输入留言内容');
            return
          }
          var indexlayer = layer.load(2);
          let that = this
          $.ajax({
            type: 'post',
            url: gloabApi + "/message/submitMessage",
            data: that.form,
            dataType: 'json',
            success: function (res) {
              layer.msg(res.msg);
              layer.close(indexlayer);
            },
            error: function (res) {
              layer.close(indexlayer);
              layer.msg(res.responseJSON.msg);
            }
          })
        },
      }
    })
  </script>
  <script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
  <!-- 51la统计 -->
  <script type="text/javascript" src="./comment/21337603.js"></script>
  <!-- 51la统计 end -->
  <script type="text/javascript" src="./comment/jquery-2.1.4.min.js"></script>
  <script type="text/javascript" src="./comment/index.js"></script>
  <script type="text/javascript" src="./comment/wow.min.js"></script>
  <script type="text/javascript" src="./comment/swiper.min.js"></script>
  <script type="text/javascript" src="./comment/layer.js"></script>

  <script src="./js/login.js"></script>
</body>

</html>